<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>前台首页头部</title>
<link rel="stylesheet" type="text/css" href="css/frontindex.css" />
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
	$(function() {
		$(".activeli a").click(function() {
			//获取导航栏的值
			var value = $(this).text();
			//获得a标签里面href的值
			var url = $(this).attr("href") + "?value=" + value;
			//打开新页面带参数
			$(this).attr("href", url);
		});
	});
</script>
</head>
<body>
	<!--logo部分-->
	<div class="top">
		<div class="login">
			<img src="images/2018032321435094.png"
				style="width: 416px; height: 87px;" />
		</div>
		<div class="top-word">
			<p>
				从不羡慕别人的优秀，因为相信自己也可以优秀。<br /> 闲下来时看看书，书本里的故事，总有你学到的人生。 <br /> 欢迎你！

				<c:if test="${user.user_name==null }">
					<span> <a href="login" style="text-decoration: underline;">跳转到登陆页面</a>
					</span>
				</c:if>
				<c:if test="${user.user_name!=null }">
					<span id="uname"> <a href="javascript:void();"
						style="color: red; text-decoration: underline;">${user.user_name }</a>
					</span>
				</c:if>

			</p>
		</div>
		<div class="top-image">
			<img src="images/logo-pic-bg.jpg"
				style="width: 129px; height: 115px;" />
		</div>
	</div>
	<!--导航栏-->
	<div class="navigation_bar">
		<ul>
			<li style="background-color: #F15694;"><a href="index">首页</a></li>

			<c:forEach items="${typesList }" var="types">
				<li class="activeli"><a href="${types.types_url }">${types.types_name }</a></li>
			</c:forEach>

			<li><a href="personalcenter">个人中心</a></li>
		</ul>
	</div>
</body>
</html>